import React,{Component} from 'react';
import {NavLink,Route} from 'react-router-dom';
//组件
import NowPlaying from './nowplaying';
import CommingSoon from './commingsoon';
import './nowplaying.css';
import './commingsoon.css';
import './index.css';
class Film extends Component {
    render(){
        return (
            <div>
            	<div className='index'>
            	<NavLink to='/film/nowplaying' activeClassName = 'active'>正在热映</NavLink>
        		<NavLink to='/film/commingsoon' activeClassName = 'active'>即将上映</NavLink>
        		</div>
        		<div>
            	<Route path='/film/nowplaying' component = {NowPlaying}/>
            	<Route path='/film/commingsoon' component = {CommingSoon} />
            	</div>
            </div>
        )
    }
}
export default Film;